@import "~taro-ui/dist/style/components/avatar.scss";
@import "~taro-ui/dist/style/components/divider.scss";
@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/nav-bar.scss";
@import "~taro-ui/dist/style/components/icon.scss";
.box {
  background-size: 100% 100%;
  flex-direction: column;
  //background:linear-gradient(to bottom,#FCE38A,#F38181);
}
.aa{
  background:linear-gradient(to bottom,#FCE38A,#F38181);
}
.box1 {
    width: auto;
    height: auto;
    flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
  padding-bottom: 30px;
    //background-color:#FCE38A;
  //background:linear-gradient(to top,#F3A9C3,#FBD489);
  //background:linear-gradient(to bottom,#FCE38A,#F38181);
}

.box11 {
    display: flex;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 2em;
  justify-content: center;
}

.tx {
    display: flex;
    justify-content: center;
    align-items: center;
}

.box12 {
    display: flex;
    padding-left: 40px;
    padding-right: 40px;
    flex-direction: column;
}

.z1 {
    display: flex;
    padding-top: 60px;
}

.z11 {
    font-size: large;
    color: rgb(253, 255, 255);
    justify-content: flex-start;
    display: flex;
  align-items: center;
}
.z12{
  width: 100%;
  display: flex;
  font-size: large;
  color: rgb(253, 255, 255);
  align-items: center;
  justify-content: center;
  //margin-left: 40%;
}

.z1tp {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.z2 {
    display: flex;
    flex-direction: column;
}

.z21 {
    display: flex;
    // justify-content: space-around;
}

.z211 {
    display: flex;
    color: rgb(255, 255, 255);
    font-size: smaller;
    justify-content: flex-start;
    opacity: 50%;
}

.z212 {
    flex: 1;
    display: flex;
    color: rgb(255, 255, 255);
    font-size: small;
    //font:1em;
    justify-content: flex-end;
}

.z22 {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding-top: 30px;
    padding-bottom: 30px;
}

.ks {
    color: rgb(255, 255, 255);
  padding: 20px 0 0 20px;
  font-size: small;
}

.box2 {
    display: flex;
  width: 100%;
    justify-content: center;
    align-items: center;
    padding: 40px;
  background-color: white;
}

.box21 {
    display: flex;
  width: 100%;
  height: 200px;
}
.box211{
  width: 100%;
  height: 100%;
}

.totle{
  padding-right: 40px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;

}
.list{
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.left{
  //width: 40%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.img-style{
  width:45px;
  height: 45px;
  margin-right: 20px;
}
//.name{
//  font-size: small;
//  padding: 20px;
//}
.right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  padding-top: 3px;
}
.box3{
  background-color: white;
}
